/*变量*/
@gray:#ededee;
@gray-dark:#d6d6d6;
@blue:#4058c5;
/*混合*/
.block(@w,@h,@bgColor){
	width: @w;
	height: @h;
	background-color: @bgColor;
}
.radiusBlock(@w,@h,@bgColor,@radius){
	.block(@w,@h,@bgColor);
	/* Gecko browsers */
	-moz-border-radius: @radius; 
	/* Webkit browsers */
	-webkit-border-radius: @radius; 
	/* W3C syntax - likely to be standard so use for future proofing */
	border-radius:@radius;
}
.radius(@radius){
	/* Gecko browsers */
	-moz-border-radius: @radius; 
	/* Webkit browsers */
	-webkit-border-radius: @radius; 
	/* W3C syntax - likely to be standard so use for future proofing */
	border-radius:@radius;
}
.containTextCenter(@h){
	text-align: center;
	line-height: @h;
}
.shadow(@offx,@offy,@blur-radius,@spread-radius,@color){
	-moz-box-shadow:@offx @offy @blur-radius @spread-radius @color ;              
    -webkit-box-shadow:@offx @offy @blur-radius @spread-radius @color ;           
    box-shadow:@offx @offy @blur-radius @spread-radius @color ;
}
.noMarginPadding{
	margin: 0;
	padding: 0;
}
.listBlock{
	.noMarginPadding;
	list-style: none;
	li{
		padding: 0 10%;
		@h:36px;
		width: 100%;
		height: @h;
		line-height: @h;
		position: relative;
		a{
			display:inline-block;
		}
	}
}
.clearFloatAfter{
	content: '.';
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
}
/*提问*/
.askContainer{
	width: 100%;
	height: 500px;

	.askHeader{
		.noMarginPadding;
		@h:40px;
		.block(100%,@h,@blue);
		line-height: @h;
		border-radius:6px 6px 0 0;
		outline:0;
		.askTitle{
			margin-left: 2.5%*0.95;
			display: inline-block;
			color: white;
		}
		.closeAskModalBtn{
			background: url("../image/closeAskModalBtn.png");
			margin-right: 8px;
			margin-top: 8px;
			float: right;
			width: 24px;
			height: 24px;
			cursor: pointer;
		}
	}
	.askBody{
		@w:95%;
		.askInput{
			margin: 0 auto;
			width: @w;
			#askTitleInput{
				.radiusBlock(100%,51px,#ececec,2px);
				border: 1px solid @gray-dark;
			}
			#askDescription{
				.radiusBlock(100%,51px,#ececec,2px);
				border: 1px solid @gray-dark;
				height: 150px;
				outline:none;
				resize:none;
			}
			.askLabel{
				display: inline-block;
			}
			.uploadMediaBtn{
				margin-top: 7px;
				margin-right: 5px;
				width: 28px;
				height: 22px;
				float: right;
				cursor: pointer;
			}
			.selectedFileName{
				margin-top: 7px;
				margin-right: 5px;
				float:right;
			}
			#uploadImg{
				background: url("../image/insertImg.png");
			}
			#uploadVideo{
				background: url("../image/insertVideo.png");
			}
			form{
				display: none;
			}
		}
		.askTagGroup{
			width: @w;
			margin: 0 auto;
			@tagHeight:28px;
			height: @tagHeight*3;
			.askTag{
				float: left;
				.radiusBlock(60px,@tagHeight,@gray,10px);
				color: #959595;
				.containTextCenter(@tagHeight);
				margin-right: 5px;
				cursor: pointer;
			}
			.askTag.selected{
				background-color: @gray-dark;
			}
		}
		.askTagGroup:after{
			content: '.';
			height: 0;
			display: block;
			clear: both;
			visibility: hidden;
		}
		.askAnonymity{
			width: @w;
			margin: 0 auto;
			input{

			}
		}
		.actionBtns{
			width: @w;
			margin: 20px auto;
			button{
				float: right;
				margin-left:5px;
			}
			#cancelBtn{

			}
		}
	}
}